<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1" />
    <title>Document</title>
    <style>
      html,
      body {
        height: 100%;
        margin: 0;
      }
      .time {
        box-sizing: border-box;
        padding-top: calc(25% - 150px);
        height: calc(100% - 26px);
        text-align: center;
        font-size: 20px;
        line-height: 28px;
      }
      .icp {
        text-align: center;
        font-size: 0;
      }
      .icp span,
      .icp img,
      .icp a {
        font-size: 12px;
        line-height: 26px;
        display: inline-block;
        vertical-align: middle;
      }
      .icp .img {
        font-size: 0;
      }
      .icp a {
        margin-right: 10px;
      }
      .time > span {
        display: inline;
        /* background-color: #ccc; */
        letter-spacing: 0;
      }
    </style>
  </head>

  <body>
    <div class="time">
      当前时间
      <br />
      <span class="y">0000</span>
      年
      <span class="mm">00</span>
      月
      <span class="d">00</span>
      日
      <br />
      <span class="h">00</span>
      :
      <span class="m">00</span>
      :
      <span class="s">00</span>

      <br />
      网站建设中
    </div>
    <div class="icp">
      <span>备案号:</span>
      <a href="http://beian.miit.gov.cn/">苏ICP备2020059132号</a>
      <span class="img">
        <img src="./static/img/icp.png" alt="" />
      </span>
      <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode="
        >审核中</a
      >
    </div>
    <script>
      ''.split
      ;(function (w, dom) {
        function fill0(num) {
          return num > 9 ? num : '0' + num
        }
        var y = dom.getElementsByClassName('y')[0]
        var mm = dom.getElementsByClassName('mm')[0]
        var d = dom.getElementsByClassName('d')[0]
        var h = dom.getElementsByClassName('h')[0]
        var m = dom.getElementsByClassName('m')[0]
        var s = dom.getElementsByClassName('s')[0]
        function runtime() {
          var date = new Date()
          y.textContent = fill0(date.getFullYear())
          mm.textContent = fill0(date.getMonth() + 1)
          d.textContent = fill0(date.getDate())
          h.textContent = fill0(date.getHours() % 12)
          m.textContent = fill0(date.getMinutes())
          s.textContent = fill0(date.getSeconds())
          setTimeout(runtime, 1000)
        }
        runtime()
      })(window, document)
    </script>
  </body>
</html>
